<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>
            欢迎界面
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="css/main.css" media="all">
        <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css" media="all">
        <link rel="stylesheet" href="lib/bootstrap/js/bootstrap.min.js" media="all">
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" type="text/javascript"></script>
    </head>
    <body>
    <style type="text/css">
	legend { display: block; width:100px; border-bottom:0px; font-family: "Microsoft YaHei","Helvetica Neue";}
	legend a{ color:#666;} legend a:hover{ text-decoration:none;}
	.layui-table{ font-family: "Microsoft YaHei","Helvetica Neue";}
	</style>
        <div class="x-body">
            <blockquote class="layui-elem-quote">
                欢迎使用宿舍管理系统！<span class="f-14">v1.0</span>
            </blockquote>
<div class="row" id="app">
            <div class="col-xs-6 col-sm-4 col-md-3">
                <section class="panel">
                    <div class="symbol bgcolor-blue"> <i class=" iconfont icon-dashaxiaoqudizhi01"></i>
                    </div>
                    <div  class="value tab-menu" bind="1">
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="总宿舍数"><i class="iconfont " data-icon=""></i>
                            <h1 @click="cnum()">{{numaaa}}</h1>
                        </a>

                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="总宿舍数"> <i class="iconfont " data-icon=""></i><span>总宿舍数</span></a>

                    </div>
                </section>
            </div>


        </div>
            


    <script src="lib/layui/layui.js" charset="utf-8"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/echarts.min.js"></script>


        </div>
    <script src="/lib/layui/layui.js" charset="utf-8"></script>
    <script src="/js/x-layui.js" charset="utf-8"></script>
    <!--导入Vue、js脚本-->
    <script src="/js/vue.js" charset="utf-8" type="text/javascript"></script>
    <!--引入ELementUI组件库-->
    <script src="/js/index.js" charset="utf-8"></script>
    <!--引入Axios  js脚本-->
    <script src="/js/axios.js" charset="utf-8" type="text/javascript"></script>
    <!--时间插件包Moment-->
    <script src="/js/moment.min.js" charset="utf-8"></script>

    <script>
        var app = new Vue({
            el: "#app",
            data: {
                numaaa: ''
            },

            methods: {
                cnum() {

                    axios.post("/dormitory/CountNum",null).then((res) => {
                        this.numaaa=res.data;

                    })
                }
            },
            created: function () {

                this.cnum();
            }
        });

    </script>

    </body>
</html>